<style>
    .tableContentAdjust{
        text-align: center;
        vertical-align: middle;
    }
    .inputStyle{
        width:100%;
        background-color: inherit;
        border: none;
    }
    .paperBottom{
        margin-top: 25px;
        font-size: large;
        font-weight: normal ;
    }
    @media print {
        .noprint {
            display: none
        }
        table, th, td {
            height: 40px;
            border: 1px solid #C7C7C7;
        }
        .border1{
            border:1px solid #C7C7C7;
        }
        input{
            border:none;
        }
    }
</style>
<div class="ribbon border1">
    <a href=""><span class="home fa fa-home"></span></a>
    <ol class="breadcrumb">
        <li>钢检瓶情况报表</li>
    </ol>
</div>

<div class="table-wrapper">
    <div class="toolbar">
        <form role="form">
            <div class="row">
                <div class="col-md-2">
                    <span style="color:red">*</span>
                    <label class="input"><input type="text" class="form-control input-md" ng-model="q.liableDepartmentName" ng-change="search()" placeholder="编报部门"> </label>
                    <span class="glyphicon glyphicon-calendar" ng-click="initDepartmentSelect()"></span>
                </div>
                <div class="col-md-4">
                    <label class="input">今日时间：</label>
                    <span style="color:red">*</span>
                    <label class="input"><input type="text"  id="datetimepickerDailyTimeStart"  class="form-control" ng-model="dailyData.startTime"></label>
                    <label class="input">至</label>
                    <label class="input"><input type="text"  id="datetimepickerDailyTimeEnd"  class="form-control" ng-model="dailyData.endTime"></label>
                </div>

                <div class="col-md-4">
                    <label class="input">月累计时间：</label>
                    <span style="color:red">*</span>
                    <label class="input"><input type="text"  id="datetimepickerMonthlyTimeStart"  class="form-control" ng-model="monthlyData.startTime"></label>
                    <label class="input">至</label>
                    <label class="input"><input type="text"  id="datetimepickerMonthlyTimeEnd"  class="form-control" ng-model="monthlyData.endTime"></label>
                </div>
                <div class="col-md-1">
                    <button ng-click="search()" class="btn btn-sm btn-primary noprint"><i class="fa fa-search"></i>查询</button>
                </div>
                <div class="col-md-1">
                    <button ng-click="printPage()" class="btn btn-sm btn-primary noprint pull-right"><i class="fa fa-print"></i>打印</button>
                </div>
            </div>

            <div class="row">
                <div class="col-md-2">
                    <label style="color:red">带*是必填项</label>
                </div>
            </div>

        </form>
    </div>

    <table class="table table-striped table-hover props table-sm table-bordered table-condensed">
        <thead>
        <tr>
            <td width="5.5%" class="message tableContentAdjust" >编报部门</td>
            <td width="94.5%" colspan="21" class="message tableContentAdjust">{{q.liableDepartmentName}}</td>
        </tr>
        <tr>
            <td width="5.5%" class="message tableContentAdjust" >品名项目</td>
            <td width="4.5%" class="message tableContentAdjust">上日库存(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本日领用数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本月累计领用数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本日送检数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本月累计送检数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本日退维修瓶数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本月累计退钢瓶数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本日收取钢检瓶数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本月累计收取钢检数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本日退报废瓶数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本月累计退报废瓶数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本日退押金瓶数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本月累计退押金瓶数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本日库存(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本日押瓶数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">本月累计押瓶数量(瓶)</td>
            <td width="4.5%" class="message tableContentAdjust">钢检费标准(元)</td>
            <td width="4.5%" class="message tableContentAdjust">押瓶费标准(元)</td>
            <td width="4.5%" class="message tableContentAdjust">本日收取钢检费(元)</td>
            <td width="4.5%" class="message tableContentAdjust">本日收取瓶押金额(元)</td>
            <td width="4.5%" class="message tableContentAdjust">本日退返瓶押金额(元)</td>
        </tr>

        </thead>
        <tbody>
        <!--可以根据后台获取的品项个数来动态添加-->
        <!--<tr ng-repeat="item in vm.goodsTypes">-->
        <tr ng-repeat="item in data.gasCylinderSpecList">
            <td width="5.5%" class="message tableContentAdjust">{{item.name}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{(item.currentKucun.amount + item.todayStockIn.amount - item.todayStockOut.amount) > 0 ? (item.currentKucun.amount + item.todayStockIn.amount - item.todayStockOut.amount) : null}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.todayLingyong.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.thisMonthLingyong.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.todaySongjian.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.thisMonthSongjian.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.todayTuiweixiuping.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.thisMonthTuiweixiuping.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.todayShouqu.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.thisMonthShouqu.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.todayTuibaofeiping.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.thisMonthTuibaofeiping.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.todayTuiyajinping.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.thisMonthTuiyajinping.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.currentKucun.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.todayYaping.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.thisMonthYaping.amount}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.bottleCheckFee.price}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{item.bottleMortgageFee.price}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{(item.todayShouqu.amount!=null)&&(item.bottleCheckFee.price!=null) == true
                ? (item.todayShouqu.amount * item.bottleCheckFee.price) : null}}</td>
            <td width="4.5%" class="message tableContentAdjust">{{(item.todayYaping.amount!=null)&&(item.bottleMortgageFee.price!=null) == true
                ? (item.todayYaping.amount * item.bottleMortgageFee.price) : null}}</td>
            <td width="4.5%" class="message tableContentAdjust">{{(item.todayTuiyajinping.amount!=null)&&(item.bottleMortgageFee.price!=null) == true
                ? (item.todayTuiyajinping.amount * item.bottleMortgageFee.price) : null}}</td>
        </tr>

        <tr>
            <td width="4.5%" class="message tableContentAdjust">合计</td>

            <td width="4.5%" class="message tableContentAdjust">{{(q.sumCurrentKucun + q.sumTodayIn - q.sumTodayOut) > 0 ? (q.sumCurrentKucun + q.sumTodayIn - q.sumTodayOut) : null}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumTodayLingyong}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumThisMonthLingyong}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumTodaySongjian}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumThisMonthSongjian}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumToadyTuiweixiuping}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumThisMonthTuiweixiuping}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumTodayShouqu}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumThisMonthShouqu}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumTodayTuibaofeiping}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumThisMonthTuibaofeiping}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumTodayTuiyajinping}}</td>


            <td width="4.5%" class="message tableContentAdjust">{{q.sumTodayTuiyajinping}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumCurrentKucun}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumTodayYaping}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumThisMonthYaping}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumBottleCheckFee}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumBottleMortgageFee}}</td>

            <td width="4.5%" class="message tableContentAdjust">{{q.sumGangjianFee}}</td>
            <td width="4.5%" class="message tableContentAdjust">{{q.sumPingYajingFee}}</td>
            <td width="4.5%" class="message tableContentAdjust">{{q.sumReturnYajingFee}}</td>
        </tr>
        </tbody>
    </table>

</div>

<!--<div class="row">-->
    <!--<div class="col-md-1">-->
    <!--<label class="paperBottom">审核：</label>-->
    <!--</div>-->

    <!--<div class="col-md-10">-->
        <!--<label class="input paperBottom">店长：</label>-->
        <!--<label class="input"><input type="text" class="form-control" ng-model="q.startTime"></label>-->
        <!--<label class="input paperBottom ">营业员：</label>-->
        <!--<label class="input"><input type="text" class="form-control" ng-model="q.startTime"></label>-->
    <!--</div>-->

<!--</div>-->